import {
    View,
    Text,
    Image
} from 'react-native'
export function shomodel() {

    return (
        <Modal
            animationType="slide"
            transparent={true}
            visible={modalVisible}
            onRequestClose={() => {
                Alert.alert("Modal has been closed.");
            }}
        >

            <View style={styles.centeredView} >

                <ImageBackground style={{ ...styles.modalView }}
                    source={require('../../../../assets/imgs/a1/background.png')}
                    imageStyle={{ resizeMode: 'stretch' }}
                >


                    <Pressable style={{ position: "absolute", right: 7, top: 2, zIndex: 100, }} onPress={() => { this.setModalVisible(false) }}><Image
                        style={{ width: 20, height: 20 }}
                        source={require('../../../../assets/imgs/close.png')}

                    /></Pressable >
                    <Text style={styles.modalText}>请输入管理员密码</Text>
                    <TouchableHighlight
                        style={{ ...styles.openButton, backgroundColor: "#2196F3" }}
                        onPress={this.login}
                    >
                        <Text style={styles.textStyle} onPress={this.login}>确定</Text>
                    </TouchableHighlight>

                </ImageBackground>
            </View>

        </Modal>
    )
}